
<!--*******************************************注册********************************************-->

<style type="text/css">
  #registerBtn{
    background-color: orange;
    width: 100%;
    position: relative;
    bottom: -40px;
    border: none;
  }
  #registerBtnText{
    font-size: larger;
  }
  #view{background-color: #fafafa}
  #touxiang{
    width: 100px;
    height: 100px;
    position: relative;
    bottom: -10px;
  }
  #headImg{
    width: 20px;
    height: 20px;
    position: relative;
    bottom: -4px;
  }
  #pwdImg{
    width: 20px;
    height: 20px;
    position: relative;
    bottom: -4px;
  }
  #surePwdImg{
    width: 20px;
    height: 20px;
    position: relative;
    bottom: -4px;
  }
  #verificationImg{
    width: 20px;
    height: 20px;
    position: relative;
    bottom: -4px;
  }
  #label_1{
    width: 70%;
  }
  #vBtn{
    opacity: 0.7 ;
    border: none;
    background-color: dodgerblue;

    position: relative;
    bottom: 51px;
    height: 52px;
    float: right;
    width: 30%;


  }
  #vBtnText{
    color: #ffffff;
    position: relative;
    bottom: -5px;
    left: 0px;
  }
  #text{
    position: relative;
    left: 30px;
    bottom: -20px;
    color: gray;
    font-size: larger;
  }
  #link{
    color: #007aff;
  }
  #agree{
    position: relative;
    left: 10px;
    bottom: -2px;
  }

</style>
<ion-view title="注册" id="view">
  <ion-content class="padding">
    <div align="center">
      <img src="img/iconfont-moretouxiang.png" id="touxiang">
    </div>
    <div class="list list-inset" align="left">
      <label class="item item-input">
        <span class="input-label">
          <img src="img/iconfont-wodetouxiang.png" id="headImg">
          手机号 :
        </span>
        <input type="text" id="registerName" placeholder="请输入手机号" ng-model="userId" ng-keyup="inputChanged()">
      </label>
      <label class="item item-input">
        <span class="input-label">
          <img src="img/iconfont-suoding.png" id="pwdImg">
          密码 :
        </span>
        <input type="password" id="registerPwd" placeholder="请设置登录密码" ng-model="passwd" ng-keyup="inputChanged()">
      </label>
      <label class="item item-input">
        <span class="input-label">
          <img src="img/iconfont-suoding.png" id="surePwdImg">
          确认密码 :
        </span>
        <input type="password" id="registerPwdAgain" placeholder="请确认密码" ng-model="registerPwdAgain" ng-keyup="inputChanged()">
      </label>
      </div>
      <!--**********************************设置验证码模块************************************-->
    <div>
      <label class="item item-input"  id="label_1">
        <span class="input-label">
          <img src="img/iconfont-suoding.png" id="verificationImg">
          手机验证码 :
        </span>
        <input type="text" ng-model="verificationInput" ng-keyup="inputChanged()" id="vInput">
      </label>
    </div>
    <div class="button" id="vBtn" ng-click="verificationClicked()"  ng-disabled="vDisabled">

      <span id="vBtnText">
        {{vtext}}
      </span>
    </div>
    <!--************************************设置条款模块*********************************************-->
    <div id="text">
      <input type="checkbox" id="radio" ng-model="radioState" ng-click="radioClicked()">
        <span id="agree">我同意
          <a href="http://www.baidu.com" id="link">
            服务条款
          </a>中所有内容
        </span>
    </div>
    <p align="center">
      <button class="button button-positive"  id="registerBtn" ng-click="register()" ng-disabled="registerDisabled">
        <span id="registerBtnText" style="font-weight: bold">
          完成注册
        </span>
      </button>
    </p>
  </ion-content>
</ion-view>
